<template lang="pug">
	.server-wrap
		.server-list
			.server-title-wrap
				.left-tag
				.server-name 就医服务
			.server-item-wrap
				.server-item
					div(@click="jumpUrl('yuyue')")
						img.server-img(src="../../assets/image/common/s_menu_yuyue.png")
						.server-item-name 预约挂号
				.server-item
					div(@click="jumpUrl('jiaofei')")
						img.server-img(src="../../assets/image/common/s_menu_jiaofei.png")
						.server-item-name 在线缴费
				.server-item
					div(@click="jumpUrl('zhuyuan')")
						img.server-img(src="../../assets/image/common/s_menu_zhuyuan.png")
						.server-item-name 我的住院
				.server-item
					div(@click="jumpUrl('baogao')")
						img.server-img(src="../../assets/image/common/s_menu_baogao.png")
						.server-item-name 报告查询
		.server-list
			.server-title-wrap
				.left-tag
				.server-name 就医服务
			.server-item-wrap
				.server-item
					div(@click="jumpUrl('jiuzhenka')")
						img.server-img(src="../../assets/image/common/s_menu_jiuzhenka.png")
						.server-item-name 电子就诊卡
				.server-item
					div(@click="jumpUrl('yufu')")
						img.server-img(src="../../assets/image/common/s_menu_yufu.png")
						.server-item-name 先诊疗后付费
				.server-item
					div(@click="jumpUrl('shangbao')")
						img.server-img(src="../../assets/image/common/s_menu_shangbao.png")
						.server-item-name 商保理赔
				.server-item
					div(@click="jumpUrl('daozhe')")
						img.server-img(src="../../assets/image/common/s_menu_daozhe.png")
						.server-item-name 智能导诊
		.server-list
			.server-title-wrap
				.left-tag
				.server-name 就医服务
			.server-item-wrap
				.server-item
					div(@click="jumpUrl('jiezhong')")
						img.server-img(src="../../assets/image/common/s_menu_jiezhong.png")
						.server-item-name 预防接种
				.server-item
					div(@click="jumpUrl('shengyu')")
						img.server-img(src="../../assets/image/common/s_menu_shengyu.png")
						.server-item-name 生育登记
				.server-item
					div(@click="jumpUrl('zice')")
						img.server-img(src="../../assets/image/common/s_menu_zice.png")
						.server-item-name 健康自测
</template>
<script>
export default {
	data() {
		return {}
	},
	computed: {},
	mounted() {},
	onPullDownRefresh() {},
	onReachBottom() {},
	methods: {
		jumpUrl(url) {
			if (url === 'shangbao') {
				this.wx.setStorage({
					key: 'jumpUrl',
					data: {
						url: 'http://wx.jktz.gov.cn/claim/index.html',
						title: '商保理赔',
						params: {
							memberNum: 'MTAwMDAwMDEyMDE3MTExMjAwMDA1OQ==',
							accessToken: 'ZDEyYTM5NzgtMjIzZS00ZTk3LTg4NjctZGY4NTFiNzhjZjEz'
						}
					}
				})
				this.$router.push({
					path: '/views/webview/webview'
				})
			}
		}
	},
	components: {}
}
</script>

<style lang="stylus">
	.server-wrap
		.server-list
			margin-top mainMargin
			padding mainPadding
			background-color white
			.server-title-wrap
				margin-top 16px
				display flex
				justify-content flex-start
				align-items center
				.left-tag
					width 12px
					height 36px
					background themeColor
					border-radius 8px
				.server-name
					font-weight 600
					font-size 32px
					line-height 44px
					color blackFontColor1A
					margin-left 20px
			.server-item-wrap
				margin-top 10px
				display flex
				flex-wrap wrap
				.server-item
					width 25%
					display flex
					align-items center
					justify-content center
					>div
						padding 20px 0
						text-align center
					.server-img
						width 70px
						height 70px
					.server-item-name
						font-size 26px
						line-height 36px
						color blackFontColor
</style>
